 <!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">    
    <meta name="viewport" content="width=device-width, initial-scale=1">
	 <title>麦当劳</title>
	
	 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 
	 <link rel="stylesheet" href="assets/css/style.css">
	 <script src="assets/js/jquery.min.js"></script>
	 <script src="assets/js/popper.min.js"></script>
	 <script src="assets/js/bootstrap.min.js"></script>
	 <!--[if lt IE 9]>
	 　　<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
	 　　<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	 <![endif]-->
	 </head>
	 
	 
	 <body>
	 <div class="site-wrapper container container-fluid">
 
	 <header class="header-section section position-static">
		 <!--头部-->
		 
		 <nav class="navbar fixed-top  container bg-light navbar-light navbar-expand-md ">
		 	<a class=" navbar-brand" href="index.html">
		 		<img style="width: 60px;height: 60px;" src="assets/images/logo.png" alt="clothes">
		 	</a>				
		 	<!-- 设置汉堡按钮 -->
		 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarcollapse">
		 	  <span class="navbar-toggler-icon"></span>
		 	</button>
	  <!-- 导航栏-->
	  <div class="collapse navbar-collapse" id="navbarcollapse">
	  	<ul class="navbar-nav nav-tabs">
	  		<li class="nav-item"><a class="nav-link" href="index.html">首页</a></li>
	  		<li class="nav-item dropdown">
	  			<a href="gouwu.html" class="nav-link dropdown-toggle" data-toggle= "dropdown">
	  				购物 <b class="caret"></b>
	  			</a>
	  			<ul class="dropdown-menu">
	  				<li><a class="dropdown-item" href="gouwu.html">产品浏览</a></li>
	  				
	  			</ul>
	  		</li>
	  		<li class="nav-item dropdown">
	  			<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
	  				个人中心 <b class="caret"></b>
	  			</a>
	  			<ul class="dropdown-menu">
	  				<li><a class="dropdown-item" href="login.html">注册登录</a></li>
	  			
	  			</ul>
	  		</li>
			<li class="nav-item dropdown">
				<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
					美味时刻 <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item" href="#">活动一</a></li>
					<li><a class="dropdown-item" href="#">活动二</a></li>
				</ul>
			</li>
			<li class="nav-item dropdown">
				<a href="#" class="nav-link dropdown-toggle" data-toggle= "dropdown">
					亲子活动 <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a class="dropdown-item" href="#">爱成长</a></li>
					<li><a class="dropdown-item" href="#">开心生日会</a></li>
				</ul>
			</li>
			
	  	</ul>
	  </div>
	
	  
	
	  </header>
	  <!--头部end-->
	  </header>
	 <!-- 图片轮播 Start -->
	 <div style="margin-top: 80px;"><!--中间-->
	
	  
	  <div id="demo" class=" carousel slide" data-ride="carousel">
	   
	    <!-- 指示符 -->
	    <ul class="carousel-indicators"> <!-- ，设置轮播指示符-->
	      <li data-target="#demo" data-slide-to="0" class="active"></li> <!-- (11)填写data-target属性-->
	      <li data-target="#demo" data-slide-to="1"></li>        <!-- (11)填写data-target属性-->
	      <li data-target="#demo" data-slide-to="2"></li>        <!-- (11)填写data-target属性-->
		   <li data-target="#demo" data-slide-to="3"></li> 
		    <li data-target="#demo" data-slide-to="4"></li> 
			 <li data-target="#demo" data-slide-to="5"></li> 
		
	    </ul>
	   
	    <!-- 轮播图片 -->
	    <div class=" carousel-inner">  <!--轮播图-->    <!-- (12)填写class属性，设置轮播图片-->
	      <div class="carousel-item active">
	        <img src="assets/images/banner/banner-1.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
	      </div>
	      <div class="carousel-item">
	        <img src="assets/images/banner/banner-2.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
	      </div>
	      <div class="carousel-item">
	        <img src="assets/images/banner/banner-3.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
	      </div>
		  <div class="carousel-item">
		    <img src="assets/images/banner/banner-4.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
		  </div>
		  <div class="carousel-item">
		    <img src="assets/images/banner/banner-5.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
		  </div>
		  <div class="carousel-item">
		    <img src="assets/images/banner/banner-6.jpg"> <!-- (13)填写src属性，导入 assets/images/banner/ 目录下面的三张轮播图片-->
		  </div>
	    </div>
	   <div><!--按钮-->
	    <!-- 左右切换按钮 -->
	    <a class="carousel-control-prev" href="#demo" data-slide="prev"><!-- (14)填写class属性，左切换按钮-->
	      <span class="carousel-control-prev-icon"></span>
	    </a>
	    <a class="carousel-control-next" href="#demo" data-slide="next"><!-- (15)填写data-slide属性，右切换按钮-->
	      <span class="carousel-control-next-icon"></span>
	    </a>
	   </div>
	  </div>
	  <!--图片轮播 End-->
	  </div>
	 <div class="product-section "><!--活动界面-->
	     <div class="container-fluid">        
	         <div class="row">
	             <div class="text-center">
	                <h1> <strong>本月活动</strong></h1><hr />
	             </div>
	         </div>
	 
	         <div class="row bg2">
	             <div class="col-lg-3 col-sm-6 col-12">
	                 <div class="product-item bg-white">
	                         <div class="img-thumbnail image-wrap">
	                             <a href="huodong.html" class="image"><img
	                                     src="assets/images/huodong/1.jpg" class="img-fluid  listitemimage listitemimage" alt=""></a>
	                        <div class="figure-caption">
	                        												<h3>办卡吗！18免60次外送费哦</h3>
	                        </div>
							 </div>
	                        
	                 </div>
	             </div>
	
	             <div class="col-lg-3 col-sm-6 col-12">
	                 <div class="product-item bg-white">
	                         <div class="img-thumbnail image-wrap">
	                             <a href="huodong.html" class="image"><img
	                                     src="assets/images/huodong/2.jpg" class="img-fluid  listitemimage" alt=""></a>
	                         <div class="figure-caption">
	                         												<h3>星期一狂欢节！！<br> 吃吗！</h3>
	                         </div>
							 </div>
	                         
	                 </div>
	             </div>
	 
	             <div class="col-lg-3 col-sm-6 col-12">
	                 <div class="product-item bg-white">
	                         <div class="img-thumbnail image-wrap">
	                             <a href="huodong.html" class="image"><img
	                                     src="assets/images/huodong/3.jpg" class="img-fluid  listitemimage" alt=""></a>
	                        <div class="figure-caption">
	                        												<h3>星期一狂欢节！！<br> 吃吗！</h3>
	                        </div> </div>
	                        
	                 </div>
	             </div>
	 
	             <div class="col-lg-3 col-sm-6 col-12">
	                 <div class="product-item bg-white">
	                         <div class="img-thumbnail image-wrap">
	                             <a href="huodong.html" class="image"><img
	                                     src="assets/images/huodong/4.jpg" class="img-fluid  listitemimage" alt=""></a>
	                       <div class="figure-caption">
	                       												<h3>双份份量<br> 蹭一蹭</h3>
	                       </div>  </div>
	                         
	                 </div>
	             </div>
	             
				 <div class="col-lg-3 col-sm-6 col-12">
				     <div class="product-item bg-white">
				             <div class="img-thumbnail image-wrap">
				                 <a href="huodong.html" class="image"><img
				                         src="assets/images/huodong/5.jpg" class="img-fluid  listitemimage" alt=""></a>
				           <div class="figure-caption">
				           												<h3>脆皮可吃<br>“全军出击”</h3>
				           </div>  </div>
				             
				     </div>
				 </div>
				 
				 <div class="col-lg-3 col-sm-6 col-12">
				     <div class="product-item bg-white">
				             <div class="img-thumbnail image-wrap">
				                 <a href="huodong.html" class="image">
									<img
									        src="assets/images/huodong/9.jpg" class="img-fluid  listitemimage" alt=""></a>
								 </a>
				                        
				           <div class="figure-caption">
				           												<h3>早餐不可少<br>十倍快乐</h3>
				           </div>  </div>
				             
				     </div>
				 </div>
				 
				<div class="col-lg-6 col-sm-12 col-12">
				    <div class="product-item bg-white">
				            <div class="img-thumbnail image-wrap">
				                <a href="huodong.html" class="image">
													<img style="height: 250px;width: 100%;"
													        src="assets/images/huodong/10.jpg" class="img-fluid  listitemimage" alt=""></a>
												 </a>
				                       
				           </div>
				            
				    </div>
				</div>
				 
	            </div>
	            
	 
	            
	 
	          
	         </div>
	     </div>
		 
		 <div class="product-section"><!--点餐-->
		     <div class="container-fluid">        
		         <div class="row">
		             <div class="text-center">
		               <h1> <strong>本月推荐</strong></h1><hr />
		             </div>
		         </div>
		 
		         <div class="row bg2">
		             <div class="col-lg-3 col-sm-6 col-12">
		                 <div class="img-thumbnail ">
		                         <div class="image-wrap">
		                             <a href="gouwu.html" class="image"><img
		                                     src="assets/images/product/gw2.png" class="img-fluid rounded-circle listitemimage" alt=""></a>
											 <div class="figure-caption">
												 <h1>不素之霸</h1>
											 </div>
		                         </div>
		                        
		                 </div>
		             </div>
		 <div class="col-lg-3 col-sm-6 col-12">
		     <div class="img-thumbnail">
		             <div class="image-wrap">
		                 <a href="gouwu.html" class="image"><img
		                         src="assets/images/product/gw3.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
								 <div class="figure-caption">
								 												 <h1>牛肉堡</h1>
								 </div>
		             </div>
		            
		     </div>
		 </div>
		 <div class="col-lg-3 col-sm-6 col-12">
		     <div class="img-thumbnail">
		             <div class="image-wrap">
		                 <a href="gouwu.html" class="image"><img
		                         src="assets/images/product/gw4.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
								 <div class="figure-caption">
								 												 <h1>香芋派</h1>
								 </div>
		             </div>
		            
		     </div>
		 </div>
		 <div class="col-lg-3 col-sm-6 col-12">
		     <div class="img-thumbnail">
		             <div class="image-wrap">
		                 <a href="gouwu.html" class="image"><img
		                         src="assets/images/product/gw5.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
								 <div class="figure-caption">
								 												 <h1>超级可乐</h1>
								 </div>
		             </div>
		            
		     </div>
		 </div>
		 
		             <div class="col-lg-3 col-sm-6 col-12">
		                 <div class="img-thumbnail">
		                         <div class="image-wrap">
		                             <a href="gouwu.html" class="image"><img
		                                     src="assets/images/product/gw6.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
											 <div class="figure-caption">
											 												 <h1>开心乐套餐</h1>
											 </div>
		                         </div>
		                         
		                 </div>
		             </div>
		 
		             <div class="col-lg-3 col-sm-6 col-12">
		                 <div class="img-thumbnail">
		                         <div class="image-wrap">
		                             <a href="gouwu.html" class="image"><img
		                                     src="assets/images/product/gw7.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
											 <div class="figure-caption">
											 												 <h1>变态冻柠乐</h1>
											 </div>
		                         </div>
		                        
		                 </div>
		             </div>
		             
		             <div class="col-lg-3 col-sm-6 col-12">
		                 <div class="img-thumbnail">
		                         <div class="image-wrap">
		                             <a href="gouwu.html" class="image"><img
		                                     src="assets/images/product/gw8.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
											 <div class="figure-caption">
											 												 <h1>橙汁</h1>
											 </div>
		                         </div>
		                        
		                 </div>
		             </div>
					 
					 <div class="col-lg-3 col-sm-6 col-12">
					     <div class="img-thumbnail">
					             <div class="image-wrap">
					                 <a href="gouwu.html" class="image"><img
					                         src="assets/images/product/gw9.png"class="img-fluid rounded-circle listitemimage" alt=""></a>
											 <div class="figure-caption">
											 												 <h1>香辣鸡翅</h1>
											 </div>
					             </div>
					            
					     </div>
					 </div>
		            
		 
		            </div>
		            
		 
		            
		 
		          
		         </div>
		     </div>
	 </div>
		  
	
	</div>
	
		 </div>
	<div><img  class="img-fluid" src="assets/images/huodong/99.jpg" style="margin-top: 20px;"></div>
		 </body>